/* 基础轨道样式 */
.kun-slider .track {
    -fx-background-color: derive(-clean-main-color, 80%);
    -fx-background-radius: 5px;
    -fx-pref-height: -clean-track-height;
}

/* 填充轨道 */
.kun-slider .filled-track {
    -fx-background-color: -clean-main-color;
    -fx-background-radius: 5px;
}

/* 滑块 */
.kun-slider .thumb {
    -fx-background-color: #ff7b68;
    -fx-background-radius: 50%;
    -fx-pref-width: -clean-thumb-size;
    -fx-pref-height: -clean-thumb-size;
    -fx-effect: dropshadow(two-pass-box, rgba(0, 0, 0, 0.2), 4, 0, 0, 2);
    -fx-border-color: -clean-main-color;
    -fx-border-width: 2px;
    -fx-border-radius: 50%;
}

/* Hover状态 */
.kun-slider:hover .thumb {
    -fx-effect: dropshadow(two-pass-box, rgba(0, 0, 0, 0.3), 6, 0, 0, 3);
}

/* Pressed状态 */
.kun-slider:pressed .thumb {
    -fx-scale-x: 1.2;
    -fx-scale-y: 1.2;
}

/* 禁用状态 */
.kun-slider:disabled {
    -fx-opacity: 0.6;
}

/* 垂直模式适配 */
.kun-slider:vertical {
    -clean-track-height: auto;
    -clean-thumb-size: 10px;
}